<component name="echarts">
	<style type="text/css"></style>
	<template type="text/html">
		<div style="width:100%;height:100%;"></div>
	</template>
	<script type="text/javascript">
	Component({
		"title":"柱状图",
		"data":{
			
		},
		"properties":{
			"theme":{"title":"主题样式","type":"String","value":"","list":["shine","dark"]}
		},
		"onRender":function(){
			this.chart = echarts.init($(this.target).find("div").get(0),"shine");
			var strTheme = this.data.attrs.theme||"shine";
			if(this.lastTheme!=strTheme){
				if(this.chart.dispose){
					this.chart.dispose();
				}
				this.chart = echarts.init(this.target,strTheme);
			}
			this.lastTheme=strTheme;
			var options = eval("("+this.content+")");
			this.chart.setOption(options);
			this.chart.resize();
		}
	});
	</script>	
	<template type="text/json">{
		
	}</template>
</component>